/*
**
*/
*{margin:0;padding:0;text-shadow:0 0 0 transparent;}
html{min-height:100%;background-color:#000;}
body{min-height:100%;background-color:#000;font-family:Arial;}
body * .ui-input-text{display:inline-block;}
ul li{list-style:none;}
.ui-page{background-color:#000;}
.ui-body-b{background: #cccccc; color: #333333; text-shadow: 0 1px 0 #fff; font-weight: normal; 
background-image: -moz-linear-gradient(top, #000000, #000000); 
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000000),color-stop(1, #000000)); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')"; }
.ui-body-b .ui-link{color:#99DFF9;}
.ui-radio .ui-btn-inner{padding:5px 8px;font-size:12px;}
.ui-page .ui-link {color:#4881DB;}
a{text-decoration:none;color:#4881DB;}
h1,h2{color:#4C566C;font-size:18px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.2);}
em{display:block;font-size:12px;color:#777;font-style:normal;font-weight:normal;}
img{border:0px;}

.ac-g{position:relative;font-weight:normal;font-size:1em;zoom:1;}
.ac-g .ac-hd{}
.ac-g .ac-bd{}
.ac-gb{position:relative;zoom:1;}
.ac-gb > *{padding:0;margin:0;}
.ac-gb .ac-hd{float:left;width:33%;}
.ac-gb .ac-bd{float:left;width:34%;}
.ac-gb .ac-ft{float:left;width:33%;}
.ac-gb .cancel{font-weight:normal;position:relative;white-space:normal;height:auto;top:0;}
.ac-gc{position:relative;font-weight:normal;text-align:center;zoom:1;}
.ac-gc .ac-hd{float:left;width:50%;}
.ac-gc .ac-bd{float:left;width:50%;}

.err-msg{color:#F00;}
.btn{-moz-border-radius: 8px;-webkit-border-radius: 8px;background-color:#CCC;line-height:1em;margin:0px;border:0;cursor:pointer;}
body .btn{padding:8px 15px 5px;text-decoration:none;color:#000;font-weight:normal;}
.jbtn{text-align:center;}
.jbtn .ui-btn{margin:0 auto;border:1px solid #494C53;background-color:#494C53;}
.jbtn .ui-btn-inner{border:1px solid #5F6369;background:#5F6369 url(../img/png/bg_cbtn.png) repeat-x center center;}
.jbtn .ui-btn-text{color:#FFF;font-weight:bold;}
.jbtn .ui-btn-corner-all{-moz-border-radius: .6em; -webkit-border-radius: .6em; border-radius: .6em;}
.btn.ui-btn{display:inline-block;}
.btn.ui-btn .ui-btn-inner{padding:0;border:0;display:inline-block;}
.btn.ui-btn .ui-btn-text{}
/*
** mobile v2
.v2 ul{background-color:#000;border:0px;padding:10px;}
.v2 ul li{border:0px;padding:2px 0px;text-align:center;}
.v2 li:first-child, .v2 li:first-child a {
    border-top: 0;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
}
.v2 li:last-child, .v2 li:last-child a {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}
*/
.v2 .err{color:#FF0000;font-size:12px;visibility:hidden;}
.v2 .err.show{visibility:visible;}
.v2 .cbtn{
    -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em;
    background:transparent url(../img/png/bg_cbtn.png) repeat-x center center;
    height:44px;cursor:pointer;color:#FFF;font-weight:bold;margin:0 auto;padding:0;text-align:center;
}
.v2 .cbtn a{line-height:44px;font-size:20px;color:#FFF;display:block;margin:0 auto;padding:0;}
.v2 .icon-err{background:transparent url(../img/png/icon_msg.png) no-repeat left 0px;padding-left:20px;line-height:18px;font-weight:bold;}

.hidden{display:none;}
.tvblogo{width:157px;height:35px;font-size:0;background:transparent url(../img/logo/tvblogo_img.gif) no-repeat;}
.smartonelogo{width:120px;height:42px;font-size:0;background:transparent url(../img/logo/smartonelogo_img.gif) no-repeat;}
.h3glogo{width:120px;height:42px;font-size:0;background:transparent url(../img/logo/h3glogo_img.gif) no-repeat;}
.csllogo{width:120px;height:42px;font-size:0;background:transparent url(../img/logo/csllogo_img.gif) no-repeat;}
.pccwlogo{width:120px;height:42px;font-size:0;background:transparent url(../img/logo/pccwlogo_img.gif) no-repeat;}

.rlogo{color:#FFF;line-height:30px;background:#000 url(../img/gif/logo_mytv.gif) no-repeat right center;position:relative;}
.rlogo .back{border:0;}
#hd{padding:8px 0;}
#hd .back{background:transparent none no-repeat center center;position:absolute;width:60px;height:30px;left:6px;top:8px;}
#hd .back-zh-hant-hk,
#hd .back-zh-hans-hk{background-image:url(../img/gif/back-zh.png);}
#hd .back-en-hk{background-image:url(../img/gif/back-en.png);}
#stepnav{background-color:#000;color:#FFF;line-height:26px;}
#stepnav span{float:left;height:26px;background:#0099FF url(../img/gif/bg_step4.gif) no-repeat right center;padding:0 20px 0 10px;overflow:hidden;}
#stepnav.step1 span{background-image:url(../img/gif/bg_step1.gif);padding-right:145px;}
#stepnav.step2 span{background-image:url(../img/gif/bg_step2.gif);padding-right:102px;}
#stepnav.step3 span{background-image:url(../img/gif/bg_step3.gif);padding-right:62px;}
#stepnav.step4 span{background-image:url(../img/gif/bg_step4.gif);padding-right:18px;}
.failure #stepnav span{background-image:url(../img/gif/bg_step_err.gif);color:#FFF;background-color:#F00;}
/*
** model list
*/
.mlist{margin-bottom:15px;padding:10px 50px 10px 10px;background-color:#FFF;position:relative;}
.mlist a{display:block;text-decoration:none;color:#000;font-weight:normal;font-size:12px;}
.mlist p{padding:7px 30px 0 0;white-space:normal;color:#000;font-weight:normal;}
.mlist span.ui-icon-black{width:20px;}
.mlist span.ui-icon-arrow-r{position:absolute;right:10px;top:30px;}

.com-plan{position:relative;padding:10px;}
.com-plan h2{margin:0;padding:0;}
.com-plan p{font-size:12px;padding:3px 0 2px;}
.com-plan .btn{position:absolute;right:10px;bottom:10px;color:#000;text-decoration:none;padding:5px 15px;}
.com-plan .m{color:#FFF;font-size:14px;line-height:24px;position:absolute;right:-1px;top:10px;padding-left:20px;height:24px;background:#09F url(../img/gif/arrow2.gif) no-repeat left center;}

/*
** login
*/
.login *{text-align:center;}
.login .hd{text-align:center;padding:30px 0 20px;}
.login .hd .logo{color:#FFF;padding:3px 0 8px 85px;background:transparent url(../img/png/m_logo_v2.png) no-repeat left center;}
.login .bd{padding:0px 10px;}
.login .bd li{padding:2px 0px;}
.login .bd li input{text-align:left;}
.login .bd .forget{text-align:center;font-size:12px;padding:15px 0;border-bottom:1px solid #404040;}
.login .bd .note{padding:20px 0;}
.login .bd .note p{text-align:center;color:#FFF87B;text-shadow:0 0px 0 transparent;line-height:1.2em;font-weight:bold;}
.login .jbtn .ui-btn{width:95%;padding:0 0.4em;background:#5F6369 url(../img/png/bg_cbtn.png) repeat-x center center;}
.login .jbtn .ui-btn-inner{background:none;border:0;}

.login ul.rounded{background-color:#F5F5F5;border:0px;}
.login .reme input{vertical-align:top;-webkit-baseline-middle:middle;}
.login ul.rounded li{border:0px;}
.login ul.rounded li:first-child .ac-gb{background-color:#000;color:#FFF;text-align:center;line-height:32px;height:32px;overflow:hidden;}
.login ul.rounded li:first-child .ac-gb .ac-hd{background:transparent url(../img/gif/logo_mytv.gif) no-repeat 3px center;min-width:85px;}
.login ul.rounded li:first-child .ac-gb .ac-bd{font-size:18px;font-weight:bold;}
.login ul.rounded li:first-child .ac-gb .ac-ft a{float:right;display:block;width:25px;margin:0;padding:0;padding-right:0px;background:transparent url(../img/gif/close.gif) no-repeat left center;}
.login ul.rounded li .item{padding:5px 12px;}
.login ul li.reg{text-align:center;}
.login ul li.reg p{padding:10px 0 5px;}
.login ul li.reg a.btn{padding:8px 15px;color:#000;text-decoration:none;}
.login ul li .item input[type="text"],
.login ul li .item input[type="password"]{}
.login ul li .item.forget{padding-bottom:20px;font-size:12px;}
.login ul li .item.forget a{text-decoration:underline;}
.login ul li .item.loginid{padding-top:20px;}
.login ul li img{vertical-align:middle;}
.login.reg ul *{text-align:left;}
.login.reg ul li{padding:2px 10px;}
.login.reg ul li.regm{color:#0099FF;padding:6px 10px;border-bottom:1px solid #B4B4B4;}
.login.reg ul li:first-child{padding-top:10px;}
.login.reg ul li:last-child{padding-bottom:20px;}
.login.reg ul li .ac-hd{line-height:30px;}
.login.reg ul li .ac-bd.ui-controlgroup{margin:0;}
.login.reg ul li .item{padding:0;}

.login.third ul{background-color:#F5F5F5;}
.login.third ul li{padding:10px;}
.login.third ul li:first-child{padding-top:20px;}
.login.third ul li:last-child{padding-bottom:20px;}
.login.third ul li a{display:block;text-align:left;}
/*
** Choose model
*/
#cmodel{}
#cmodel{}
#cmodel{min-width:320px;}
#cmodel .msg{background-color:#E3E3E3;line-height:85px;text-align:center;}
#cmodel #bd{padding:15px 10px;}
#cmodel ul li a{color:#000;}
/*
** Choose model
*/
#cplan ul{margin:15px 10px;padding:0;background-color:#F5F5F5;}
#cplan ul li{padding:10px;border-top:1px solid #B4B4B4;}
#cplan ul li:first-child{font-size:14px;color:#0099FF;padding:15px 10px 10px;border:0;}
/*
** page information
*/
.uinfo .ui-controlgroup{margin:0;}
.uinfo ul{margin:15px 10px;padding:0;background-color:#F5F5F5;}
.uinfo ul li{border:0;padding:0 10px 10px;}
.uinfo ul li:first-child{padding:10px;color:#000;}
.uinfo ul li .item{padding:3px 0;}
.uinfo ul li .item:first-child{padding-top:15px;}
.uinfo ul li .pn{font-size:14px;line-height:20px;padding:15px 10px 15px;}
.uinfo ul li .pn .ac-hd{float:left;width:auto;min-width:80px;}
.uinfo ul li .pn .ac-bd{float:right;width:auto;min-width:80px;}
.uinfo ul li .pn a{text-decoration:none;padding:8px 15px 5px;color:#000;font-weight:normal;display:block;position:relative;white-space:normal;height:auto;top:0;}
.uinfo ul li.regm{border-bottom:1px solid #B4B4B4;color:#09F;}
.uinfo2 ul li .ac-hd{line-height:30px;}
.uinfo2 ul li:first-child{padding-top:10px;}

/*
** page plan confirmation
*/
.pconfirm ul{margin:15px 10px;padding:0;background-color:#F5F5F5;}
.pconfirm .com-plan{padding:10px;}
.pconfirm .com-plan em{display:inline;}
.pconfirm .com-plan .price{padding:5px 0;}
.pconfirm .com-plan .btn{bottom:5px;}
.pconfirm .ac-g .ac-hd{width:90px;float:left;}
.pconfirm .ac-g .ac-bd{margin-left:90px;}
.pconfirm .ac-gb{text-align:center;margin-top:15px;}
.pconfirm .ac-gb a{padding:5px 15px;}
.pconfirm .ac-gb .cancel{color:#000;font-weight:normal;position:relative;white-space:normal;height:auto;top:0;}
.pconfirm li{padding:0 10px;}
.pconfirm li:last-child{padding-bottom:10px;}
.pconfirm li .item{padding:10px 0 0;}
.pconfirm li.tit{color:#09F;font-size:14px;padding-top:10px;padding-bottom:8px;border-bottom:1px solid #B4B4B4;}
.pconfirm li.tit.nobr{padding-top:15px;}
.pconfirm li .item2{padding:0px 0 15px;}
.pconfirm li .edit{padding-top:7px;}
.pconfirm li .confirm{text-align:right;padding-top:0;}
/*
** page payment
*/
.pay ul{margin:15px 10px;padding:0;background-color:#F5F5F5;}
.pay li{padding:0px 10px;}
.pay li:first-child{padding-top:10px;}
.pay li:last-child{padding-bottom:10px;}
.pay li{padding:0px 10px;}
.pay li.tit{color:#09F;font-size:14px;padding-bottom:8px;}
.pay li .item{padding:5px 0;}
.pay li .ac-g .ac-hd{}
.pay li .ac-g .ac-bd{}
.pay li .ac-bd input[type="text"]{width:90%;}
.pay li .cvv .ac-bd input{width:40px;}
.pay li.card{padding:10px 10px 15px;}
.pay li.atit{color:#666;padding-bottom:5px;border-bottom:1px solid #B4B4B4;}
.pay .ac-gb{text-align:center;margin-top:15px;}
.pay .ac-gb .ac-hd{width:33%;}
.pay .item .m{}
.pay ul li:first-child {border-bottom:1px solid #B4B4B4;}
.pay li.err-msg {border:0;color:#F00;padding-top:8px;}
.pay .ui-select{width:40%;display:inline-block;}
.pay .ui-select .ui-btn-inner{padding-left:10px;padding-right:25px;}
.pay .ui-controlgroup{margin:0.5em 0 0.2em;}

/*
** page message
*/
.message ul{margin:15px 10px;padding:0;background-color:#F5F5F5;}
.message li{border:0;position:relative;padding:0 10px;}
.message ul li:first-child{padding-top:20px;}
.message ul li:last-child{padding:20px 10px;}
.message li{line-height:2em;font-size:14px;}
.message.success li p{text-align:center;text-align:center;}
.message.success li input{padding:3px 10px;margin:5px 0;width:auto;-moz-box-shadow: 0px 0px 0px #387bbe; -webkit-box-shadow: 0px 0px 0px #387bbe; box-shadow: 0px 0px 0px #387bbe;}
.message.failure #stepnav span{}
.message.failure li.list{background:transparent url(../img/gif/bg_line1.gif) no-repeat 12px 1em;padding-left:25px;}

.ac-g:after,
.ac-gb:after,
.ac-gc:after,
#stepnav:after{content:'.';clear:both;display:block;height:0;visibility:hidden;}
